<template>
	<view class="mainpadding block">
		<!-- 提现规则 -->
		<u-popup :show="show" @close="close" mode="center" :round="10">
			<view class="mainpadding" >
				<view class="bigtext xiaohei fonweight" style="width:580rpx;">
					这里是提现的规则，开发前客户 提供完成修改。
				</view>
				<view class="flexright margin_top6">
					<view class="sanshier xiaohui fonweight margin_right7" @click="close">取消</view>
					<view class="sanshier xiaolan fonweight">确定</view>
				</view>
			</view>
		</u-popup>
		<view class="ffffff radius">
			<view class="lanbox flexbetween">
				<view class="">
					<view class="flexleft">
						<view class="strongtext fonweight xiaobai margin_right1">可提现金币</view>
						<u-icon name="question-circle" color="#9AB6FF" size="18" @click="show = true"></u-icon>
					</view>
					<view class="margin_top1 fonweight xiaobai" style="font-size: 70rpx;">5998</view>
				</view>
				<view class="baibtn1 flexcenter" @click="tztx">去提现</view>
			</view>
			<view class="" style="padding: 42rpx 30rpx;">
				<view class="xiaohui strongtext fonweight">开始提现</view>
				<view class="xiahuaxian flexbetween margin_top">
					<view class="flexleft">
						<view class="sishi fonweight xiaohei">￥</view>
						<input type="text">
					</view>
					<view class="xiaolan strongtext ">全部提现</view>
				</view>
				<view class="xiaohui strongtext margin_top">10金币=1元，最低提现10金币</view>
			</view>
		</view>
		<view class="ffffff mainpadding radius margin_top">
			<view class="xiaohui strongtext fonweight">提现至</view>
			<view class="flexbetween xiahuaxian margin_top">
				<view class="xiaohei ershiba fonweight">银行卡开户行</view>
				<input type="text" placeholder="请输入银行卡开户行" class="textright">
			</view>
			<view class="flexbetween xiahuaxian margin_top">
				<view class="xiaohei ershiba fonweight">银行卡账户</view>
				<input type="text" placeholder="请输入银行卡账户" class="textright">
			</view>
			<view class="bigbtn margin_top6">申请提现</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false
			}
		},
		methods: {
			close() {
				this.show = false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.jinbi {
		width: 32rpx;
		height: 32rpx;
	}

	.baibtn1 {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #7DA2FF;
		width: 154rpx;
		height: 64rpx;
		background: #FFFFFF;
		border-radius: 32rpx;
	}

	.lanbox {
		padding: 42rpx 30rpx;
		background: linear-gradient(90deg, #2361FF 0%, #8AABFF 100%);
		border-radius: 20rpx 20rpx 0rpx 0rpx;
	}

	.block {
		background: #F9F9F9;
		min-height: calc(100vh - 100rpx);
		height: auto;
	}
</style>